// @font-face {
//     font-family: 'PingFangSC-Medium';
//     src: url('../fonts/PingFang-Medium.ttf') format('trueType');
//     font-weight: normal;
//     font-style: normal;
// }

@font-face {
    font-family: 'PingFangSC-Regular';
    /* src: url('/font/PingFangSCRegular.ttf') format('embedded-opentype'); */
    src: url('../fonts/PingFang-Regular.ttf') format('trueType');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Medium';
    /* src: url('/font/PingFangSCRegular.ttf') format('embedded-opentype'); */
    src: url('../fonts/Roboto-Medium.ttf') format('trueType');
    font-weight: normal;
    font-style: normal;
}

// @font-face {
//     font-family: 'PingFangSC-Semibold';
//     src: url('../fonts/PingFang-Semibold.ttf') format('trueType');
//     font-weight: normal;
//     font-style: normal;
// }

// @font-face {
//     font-family: 'PingFang-normal';
//     src: url('../fonts/PingFang-normal.ttf') format('trueType');
//     font-weight: normal;
//     font-style: normal;
// }


body,
ol,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select {
    margin: 0;
    padding: 0
}

img {
    border: 0;
    vertical-align: top
}

li {
    list-style: none
}

iframe {
    border: none
}

html {
    height: 100%;
    font-size: 16px
}

body {
    height: 100%;
    font: 400 1em/1.8 'PingFangSC-Regular', 'Microsoft Yahei', 'PingFang SC', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', STHeiti, 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif
}

a {
    color: #333;
    text-decoration: none
}

a:hover {
    color: #0c82ff
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.mt20 {
    margin-top: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.breadcrumb {
    margin: 24px 0 0 0;

    

}

.el_breadcrumb {
    .el-breadcrumb__item {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 12px;
        color: rgba(153, 153, 153, 1);
        .el-breadcrumb__inner {
            a {
                font-weight: normal;
            }
        }
    }


    .el-breadcrumb__item:last-child {
        .el-breadcrumb__inner {
            color: rgba(48, 123, 255, 1) !important;
        }
    }
}


// 关注按钮
.attention {
    width: 80px;
    height: 28px;
    border-radius: 113.5px;
    background: #E6F0FF;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;

    .img {
        width: 16px;
        height: 16px;
        margin-right: 4px;
    }

    span {
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0px;
        color: rgba(51, 136, 255, 1);
    }
}

// 已关注
.attentioned {
    background: rgba(238, 238, 238, 1);

    span {
        color: rgba(153, 153, 153, 1);
    }
}

// .el-rate__icon{
//     margin-right: 0 !important;
// }
// 分页样式
.pagination {

    // ::v-deep(.el-pagination){
    //     .el-pager{
    //         li.active{
    //             background-color:#307bff !important;
    //         }
    //     }
    // }
    li.active {
        background-color: #307bff !important;
    }
}